<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
    <head>
        <meta charset="utf-8">
        <title>layui</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="stylesheet" href="http://117.80.114.220:81/static/lib/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="http://117.80.114.220:81/static/css/public.css" media="all">
        <style>
            body {
                background-color: #ffffff;
            }
        </style>
    </head>
    <body>
        <div class="layui-form layuimini-form" lay-filter="editFrom" sec:authorize="hasAuthority('sys:menu:update')">
            <div class="layui-form-item">
                <label class="layui-form-label ">父资源id</label>
                <div class="layui-input-block">
                    <input type="hidden" id="id" name="id" value="" class="layui-input">
                    <input type="text" name="pid" value="" class="layui-input" disabled="disabled">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label ">父资源名称</label>
                <div class="layui-input-block">
                    <input type="text" name="pname" value="" class="layui-input" disabled="disabled">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">资源名称</label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" lay-reqtext="资源名称不能为空" placeholder="请输入资源名称"
                           value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">排序</label>
                <div class="layui-input-block">
                    <input type="number" name="orderNum" lay-verify="required" lay-reqtext="资源名称不能为空"
                           placeholder="请输入资源名称" value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">菜单url</label>
                <div class="layui-input-block">
                    <input type="text" name="menuUrl" lay-reqtext="资源名称不能为空" placeholder="请输入资源名称"
                           value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">权限标识</label>
                <div class="layui-input-block">
                    <input type="text" name="authority"
                           placeholder="请输入资源名称" value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">资源类型</label>
                <div class="layui-input-block">
                    <select name="type" lay-filter="type">
                        <option value="-1">目录</option>
                        <option value="0">菜单</option>
                        <option value="1" selected>按钮</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn" sec:authorize="hasAuthority('sys:menu:update')">确认保存</button>
                </div>
            </div>
        </div>
        <script src="http://117.80.114.220:81/static/lib/layui/layui.js" charset="utf-8"></script>
        <script src="http://117.80.114.220:81/static/lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
        <script src="http://117.80.114.220:81/static/js/my.js"></script>
        <script>
            layui.use(['form'], function () {
                var form = layui.form,
                    layer = layui.layer,
                    $ = layui.$;

                var urlParam = getUrlParam("id");
                //加载数据
                myGet("/sys-menu/findMenu?id=" + urlParam, null, function (data) {
                    console.info(data);
                    //给表单赋值
                    if (data.code == 0) {
                        form.val("editFrom", data.data);
                    } else {
                        layer.msg(data.msg);
                    }
                });

                //监听提交
                form.on('submit(saveBtn)', function (data) {
                    myPost("/sys-menu/update", JSON.stringify(data.field), function (data) {
                        if (data.code == 0) {
                            var alert = layer.alert("保存成功", {title: "提示"}, function () {
                                // 关闭弹出层
                                layer.close(alert);
                                parent.location.reload();
                                var iframeIndex = parent.layer.getFrameIndex(window.name);
                                parent.layer.close(iframeIndex);
                            });
                        } else {
                            var alert = layer.alert("保存失败:" + data.msg, {title: "提示"}, function () {
                                // 关闭弹出层
                                layer.close(alert);
                            });
                        }
                    });
                    return false;
                });

            });
        </script>
    </body>
</html>
